<template>
    <div id="privilege">
        <div id="logo">
            <van-image :src="image"/>
        </div>

        <div id="title">-普卡会员特权-</div>
        <div>
            <Privileges class="privilegeItem"/>
            <Privileges class="privilegeItem"/>
            <!--<PrivilegeItem class="lastPrivilegeItem"/>-->
        </div>

    </div>
</template>

<script>
import {Image} from "vant";
import Privileges from "./privileges/Privileges";
/*import PrivilegeItem from "./privilegeItem/PrivilegeItem";*/
    export default {
        name: "Privilege",
        components:{
            "van-image":Image,
            Privileges,
            /*PrivilegeItem*/
        },
        data(){
            return {
                image:require("../images/image/logo.jpg")
            }
        }    }
</script>

<style scoped>
    #privilege{
        background-color: #C5CBD9;
        border: 1px solid #C5CBD9;
    }
    #logo{
        width: 40px;
        height: 40px;
        margin: 20px auto;
    }
    #title{
        font-size: larger;
        margin: 25px auto;
        color: white;
    }
    .privilegeItem{
        margin-top:10px;
    }
    /*.lastPrivilegeItem{
        margin: 5px 0px 20px 13.5px;
    }*/
</style>
